<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../jquery-3.3.1.min.js"></script>
</head>
<body>

    <h1>jQuery</h1>
    <hr>

    <script>
        
        //加载事件
        // window.onload = function(){
        //     $('h1').css('color','skyblue');
        // }

        //jQuery入口
        
        // $(document).ready(function(){
        //     $('h1').css('font-size','100px');
        // });

        //简写
        
        // $(function(){
        //     $('h1').css('border','3px solid red');
        // })

        window.onload = function(){
            console.log('onload1');
        }
        //只显示onload2 window.onload 重名 替换掉了
        window.onload = function(){
            console.log('onload2');
        }

        //ready 2个都可以打印出来
        $(function(){
            console.log('ready1');
        });

        $(function(){
            console.log('ready2');
        });
    </script>
    
</body>
</html>